@charset "utf-8";
html{font-size:62.5%}
@media screen and (max-width:320px){html{font-size:50%;}}
@media screen and (min-width:360px){html{font-size:62%;}}
@media screen and (min-width:414px){html{font-size:66.2%;}}
@media screen and (min-width:480px){html{font-size:90%;}}
/*min-width:360px:  66.2% */
body{background-color:#fff;font-family:'PingFangSC','Helvetica Neue','Helvetica','sans-serif','Microsoft Yahei';font-size:1.4rem;padding:0px;margin:0px auto;color:#333;text-align:center;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;max-width:750px;-webkit-text-size-adjust:100% !important;}
.clear{clear:both;height:0;width:1px;font-size:1px;visibility:hidden;}
::-webkit-input-placeholder {color:#aaa;font-size:1.4rem}
ul,em,i,dl,dt,dd,hr,h1,h2,h3,h3,h4,h5,h6,strong{font-style:normal;font-weight:normal;margin:0px;padding:0px;display:block}
ul,li,img,form,p{margin:0px;padding:0px;border:0px}
li{list-style-type:none;display:block}
h1,h2,h3,h4,h5,h6,hr,p{margin:0;padding:0;word-wrap:break-word}
a{text-decoration:none;color:#333;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*:focus {outline: none}.FL{float:left}.FR{float:right}
/*zeai Font*/
.B{font-weight:bold}
.blue{color:#459ae9}
.Cfff{color:#fff}
.Cf00{color:#f00}
.Cfc0{color:#fc0}
.Cf60{color:#f60}
.C00f{color:#00f}
.C00c{color:#00c}
.C09f{color:#09f}
.Cc03{color:#c03}
.C090{color:#5EB87B}
.Cccc{color:#ccc}
.Caaa{color:#aaa}
.C999{color:#999}
.C666{color:#666}
.C333{color:#333}
.C000{color:#000}
.Chong{color:#FF589B}.Clan{color:#16B0FF}
.S12{font-size:1.2rem}.S14{font-size:1.4rem}.S16{font-size:1.6rem}.S18{font-size:1.8rem}.S24{font-size:2.4rem}.S30{font-size:3rem}
h1{font-size:3.2rem}h2{font-size:2.4rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}
.W150{width:150px}
.W80_{width:80%}.W85_{width:85%}.W90_{width:90%}.W95_{width:95%}.W98_{width:98%}.W100_{width:100%}

@font-face {font-family:"www_zeai_cn_iconfont";src: url('../../www_zeai_cn_ico/iconfont.woff?92') format('woff'),url('../../www_zeai_cn_ico/iconfont.ttf?92') format('truetype')}
.ico{font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block}

.lineH150{line-height:150%}.lineH200{line-height:200%}
.flex {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.middle{vertical-align:middle}
/******zeai Button******/
button{font-size:1.4rem;padding:0;display:inline-block;text-align:center}
.btn{vertical-align: middle;outline:0;background-color:#009688;white-space:nowrap;border-radius:.4rem;height:3rem;line-height:3rem;color:#fff;padding:0 1rem;font-size:1.2rem;cursor:pointer;border:0;display:inline-block;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-user-select:none;-webkit-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
input.center{margin:0 auto;display:block}
.size1{height:2.2rem;line-height:2.3rem;padding:0 .5rem;border-radius:.2rem}
.size2{height:3rem;line-height:3rem;padding:0 1rem;border-radius:.2rem}
a.size2,button.size2,div.size2{height:3rem;line-height:3rem;padding:0 1.2rem;font-size:1.4rem}
a.size3,button.size3,div.size3{height:4rem;line-height:4rem;padding:0 1.8rem;font-size:1.6rem}
.size4,.size5{height:5rem;line-height:5rem;padding:0 2.5rem;font-size:1.8rem/*;border-radius:.6rem*/}
.size5{height:5.5rem;line-height:5.5rem}

.HONG{background-color:#EE5A4E}.HONG2{background-color:#FF9097}.HONG3{background-color:#F7564D}
.HONG4{background-color:#F7564D}.HONG5{background-color:#FF5065}

.LAN{background-color:#1E9FFF}.LAN2{background-color:#1E9FFF}
.LV{background-color:#07C160}.LV2{background-color:#45C01A}
.HUI{background-color:#999}
.HUANG{background-color:#f60}
.BAI{background-color:#fff;color:#333;border:#c9c9c9 1px solid}
.HEI{background-color:#000}
.VIP{background-color:#c3994c}
.disabled{background-color:#F7F7F7;color:#bbb;border:#ddd 1px solid;cursor:not-allowed}
.select,.input,.textarea{border-radius:.3rem;font-size:1.6rem;border:1px #E7E7EB solid;-webkit-appearance:none;font-family:'Helvetica','宋体';box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none;color:#333;-webkit-appearance:none}
.select,.input{vertical-align:middle;height:3rem;line-height:3rem;background-color:#fff}
.yuan{border-radius:10rem}

/*组图标*/
.ugrade1,.ugrade2,.ugrade3{vertical-align:middle}
.ugrade1{width:2rem;height:2rem}.ugrade2{width:3rem;height:3rem}.ugrade3{width:4rem;height:4rem}.ugrade4{width:6rem;height:6rem}

/**暂无样式**/
.nodatatips,.nodatatipsS{text-align:center;color:#999;}
.nodatatips{width:25rem;margin:8rem auto;padding:4.5rem;font-size:1.4rem;line-height:200%}
.nodatatipsS{width:10rem;margin:1rem auto;padding:2rem;font-size:1.2rem;line-height:150%}
.nodatatips i,.nodatatipsS i{color:#ccc;font-size:5rem;display:block;line-height:5rem}
.nodatatips i,.nodatatipsS i{font-size:5rem;line-height:5rem}

/*Line*/
.linebox,.lineSsquare{height:3rem;line-height:3rem;position:relative;text-align:center}
.linebox .line,.lineSsquare .line{position:absolute;left:50%;top:50%;margin-left:-50%;width:100%;z-index:1}
.linebox .title,.lineSsquare .title{padding:0 10px;position:relative;display:inline;background-color:#f0f0f0;z-index:5}
.linebox .BAI,.lineSsquare .BAI{background-color:#fff;border:0;color:#999}
.linebox .line:before,.lineSsquare .line:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5);content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#cecece;display:block;z-index:15;-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;}
.linebox .W50:before{left:20%;width:60%}

.RZBOX i.ed_color_mob{background-color:#4FA7FF}
.RZBOX i.ed_color_identity{background-color:#FD787B}
.RZBOX i.ed_color_edu{background-color:#12D87A}
.RZBOX i.ed_color_car{background-color:#BC0D27}
.RZBOX i.ed_color_house{background-color:#f70}
.RZBOX i.ed_color_weixin{background-color:#31C93C}
.RZBOX i.ed_color_qq{background-color:#12B7F5}
.RZBOX i.ed_color_email{background-color:#fc0}
.RZBOX i.ed_color_photo{background-color:#54A791}
.RZBOX i.ed_color_love{background-color:#FD66B5}
.RZBOX i.ed_color_pay{background-color:#a06d1c}
.RZBOX i.ed_color_store{background-color:#ff5f5f}
.RZBOX{display:inline-block}
.RZBOX .mob:before{content:"\e627";}
.RZBOX .identity:before{content:"\ea2e"}
.RZBOX .edu:before{content:"\e6c0";}
.RZBOX .car:before{content:"\e6b4";}
.RZBOX .house:before{content:"\e7a0";}
.RZBOX .email:before{content:"\e641";}
.RZBOX .weixin:before{content:"\e607";}
.RZBOX .qq:before{content:"\e630";}
.RZBOX .photo:before{content:"\e645";}
.RZBOX .love:before{content:"\e62f";}
.RZBOX .pay:before{content:"\e61a";}
.RZBOX .store:before{content:"\e60e";}
.RZBOX i{background-color:#bbb;text-align:center;display:inline-block;color:#fff;overflow:hidden}
.RZBOX .ed{background-color:#f80;}
.RZBOX .s{width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1.2rem;margin:0 .3rem;border-radius:.3rem}
.RZBOX .m{width:3rem;height:3rem;line-height:3rem;font-size:2.4rem;margin:0 .3rem;border-radius:.6rem}
.RZBOX .b{width:6rem;height:6rem;line-height:6rem;font-size:4rem;margin:0 1rem;border-radius:.8rem}
.RZBOX .l{width:15rem;height:15rem;line-height:15rem;font-size:10rem;margin:0 2rem;border-radius:1.5rem}

/*tab*/
.tab{width:100%;margin:2rem auto;font-size:1.6rem;border-bottom:1px solid #eee;text-align:center}
.tab a{display:inline-block;line-height:1.6rem;position:relative;color:#666;margin-bottom:-.2rem;cursor:pointer;flex:1}
.tab a.ed{color:#F7564D}
.tab a:after{content:'';display:block;width:10%;height:.4rem;margin:1rem auto 0 auto}
.tab a.ed:after{background-color:#F7564D}
/*关注*/
.my-subscribe_box{margin-top:2rem;display:none}
.my-subscribe_box img{width:60%;padding:.2rem;border:#f0f0f0 .1rem solid;display:block;margin:3rem auto 2rem auto}
.my-subscribe_box h3{font-size:1.4rem;color:#666;margin-top:1rem}

/******alert-div-msg-iframe-confirm start******/
#confirm_box,
#alert_box{width:30rem;margin:auto;left:0;right:0;min-height:15rem;max-height:90vmin;text-align:left;padding:2.5rem 2rem 7rem 2rem;clear:both;overflow:auto;position:fixed;border-radius:.6rem;background-color:#fff;color:#333;box-shadow:1px 1px 5rem rgba(0,0,0,.3);z-index:999;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none}
#confirm_title,#alert_title{font-size:1.4rem;line-height:150%}
#alert_title img{width:40%;margin:0 auto;border:#eee 1px solid;padding:.2rem}
#confirm_ok,#confirm_cancel,#alert_close,#alert_back{position:absolute;right:2rem;bottom:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:.3rem}
#confirm_ok{padding-left:2.5rem;padding-right:2.5rem}
#confirm_ok{right:11rem}
#alert_back{left:2rem;right:auto}

#msg_box{min-width:4rem;max-width:70vw;line-height:2.4rem;padding:1rem 2rem;position:fixed;border-radius:.5rem;background-color:rgba(0,0,0,.9);z-index:999;/*box-shadow:1px 1px 50px rgba(0,0,0,.3);*/-webkit-user-select:none}
#msg_box .title{font-size:1.4rem;color:#fff}

/*div*/
#div_box,#div_boxm{clear:both;overflow:auto;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;border-radius:1.2rem;background-color:#fff;box-shadow:.1rem .1rem 5rem rgba(0,0,0,.3);z-index:999}
.div_title{position:absolute;top:0;left:0;text-align:left;padding:0 0 0 2rem;height:5rem;line-height:5rem;width:100%;box-sizing:border-box;border-bottom:0px solid #eee;font-size:1.6rem;color:#000;overflow:hidden;background-color:#fff;cursor:move;-webkit-user-select:none}
.div_div{position:absolute;top:5rem;left:0;background:#fff;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.div_close{position:absolute;top:0;right:0;width:5rem;height:5rem;cursor:pointer;display:inline-block}
.div_close:before,.div_close:after{position:absolute;content:'';box-sizing:border-box;background-color:#000;width:.1rem;height:1.4rem;top:1.5rem;right:2.4rem;}
.div_close:before{transform:rotate(-45deg)}
.div_close:after{transform:rotate(45deg)}
.div_close:hover:before,.div_close:hover:after{background-color:#fff}


.div_pic{position:absolute;z-index:1}
.div_pic_close{position:absolute;left:45%;bottom:-3rem;width:4rem;height:4rem;line-height:4rem;color:#fff;z-index:2}
.div_pic_close:hover{color:#FD66B5;cursor:pointer}
.div_pic_close i.ico{font-size:3rem;}
.div_pic_div{position:absolute;top:0;left:0;overflow-x:hidden}

/*divBottom*/
.divBottom_box{width:100%;clear:both;overflow:auto;background-color:#fff;text-align:left;position:fixed;bottom:0;z-index:999}

/*divm*/
#div_boxm{overflow:visible;text-align:center}
#div_boxm .div_closem{position:absolute;bottom:-5rem;left:-webkit-calc(50% - 2rem);width:4rem;height:4rem;font-size:5rem;z-index:999}
#div_boxm .div_closem i{font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#div_boxm .div_closem i:after{position:absolute;content:'\e65b';font-size:3rem;box-sizing:border-box;width:4rem;height:4rem;line-height:4rem;color:#fff;top:0;left:0}/*\e6c0*/

/*alertpro*/
.alertpro{display:flex;align-items:center}
.alertpro .alertpro_box{margin:auto;width:27rem;background-color:#fff;border-radius:1.5rem;z-index:1;overflow:hidden;color:#000}
.alertpro .alertpro_box h1{width:90%;font-size:1.8rem;margin:2rem auto .5rem auto;display:block}
.alertpro .alertpro_box h3{width:90%;font-size:1.4rem;line-height:20px;margin:0 auto;display:block}
.alertpro .alertpro_box ul{width:100%;height:4.4rem;border-top:#D9D9DC 1px solid;margin-top:2.5rem}
.alertpro .alertpro_box ul li{float:left;width:50%;line-height:4.4rem;text-align:center;color:#037afe;font-size:1.8rem;box-sizing:border-box}
.alertpro .alertpro_box ul li:nth-child(1){border-right:#D9D9DC 1px solid}
.alertpro .alertpro_box ul li:nth-child(2){font-weight:bold}

.top_mini{width:100%;max-width:750px;height:4.4rem;line-height:4.4rem;color:#fff;background:#FD45A7;text-align:center;position:fixed;top:0;left:0;box-sizing:border-box;z-index:1}
.top_mini{background:-webkit-linear-gradient(left,#E83191, #FD45A7 30%, #FD45A7, #FD45A7 30%,#FD45A7,#E83191);/*chrome*/}
.top_mini h1{font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top_mini .L,.top_mini .R{position:absolute;top:0}
.top_mini .L{left:3.3rem;font-size:1.6rem;line-height:4.3rem}
.top_mini .R{right:2rem}
.top_miniBAI{color:#333;background:#fff;border-bottom:#eee 1px solid}
.top_miniBAI .goback,.top_miniBAI .L,.top_miniBAI h1{color:#000}


.top_mini4{width:100%;max-width:750px;height:5rem;line-height:5rem;color:#333;text-align:center;position:fixed;top:0;box-sizing:border-box;z-index:2;background-color:#fff;background-size:100%}/*44px*/
.top_mini4 .L,.top_mini4 .R{position:absolute;top:0;height:5rem}
.top_mini4 .L{left:0;font-size:1.6rem}
.top_mini4 .L em{position:relative;top:0;height:4.9rem;;padding-left:1.2rem;display:inline-block;width:5rem;text-align:left}
.top_mini4 .L i,.top_mini4 .R i{font-size:2.2rem;height:2rem;line-height:2rem;margin-top:1.5rem}/*;vertical-align:middle*/
.top_mini4 .L em i{font-size:2rem;}
.top_mini4 .L span{text-align:left;position:absolute;display:block;width:4rem;height:2rem;line-height:2rem;left:3.3rem;top:1.4rem}
.top_mini4 h1{max-width:65%;margin:0 auto;font-size:1.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top_mini4 .R{right:1.2rem}

header.line{border-bottom:#eee 1px solid}
header.bgcolor,header.bgcolor a i{color:#fff}
header.top_mini4 .Y{display:none}
header.yunbox{height:6.7rem}
header.yunbox .Y{width:100%;display:block;height:1.6rem;border-radius:1.6rem 1.6rem 0 0;background-color:#fff;position:absolute;left:0;bottom:0;}

/********nav  bottom********/
nav,.navdiy{width:100%;max-width:750px;height:5.5rem;position:fixed;bottom:0;margin:0 auto;background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:2}
nav a{width:20%;height:5.4rem;display:block;float:left;position:relative}
nav a i{position:relative;width:3rem;height:3rem;margin:0 auto;display:block;margin-top:.3rem;background-size:36rem 36rem;background-repeat:no-repeat}
nav a i span,.navdiy i span{display:block;position:absolute;min-width:1.4rem;padding:0 .3rem;height:2rem;line-height:2rem;font-size:1.2rem;border-radius:1.2rem;right:-.8rem;top:-.3rem;color:#fff;border:#fff .2rem solid}
nav .shadow,.navdiy .shadow{-webkit-transform:scaleY(0.3);transform:scaleY(0.3);height:1px;width:100%;background-color:#d8d8d8;display:block;-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;}
nav a font{width:4.8rem;/*overflow:hidden;*/font-size:1.2rem;height:1.2rem;line-height:1.2rem;margin:0 auto;margin-top:.2rem;display:block;color:#aaa}
nav a i.navindex{background-position:left top}
nav a i.navtj{background-position:-3rem top}
nav a i.navmsg{background-position:-6rem top}
nav a i.navhn{background-position:-9rem top}
nav a i.navmy{background-position:-12rem top}
nav a:hover i.navindex,nav a.ed i.navindex{background-position:left -3rem}
nav a:hover i.navtj,nav a.ed i.navtj{background-position:-3rem -3rem}
nav a:hover i.navmsg,nav a.ed i.navmsg{background-position:-6rem -3rem}
nav a:hover i.navhn,nav a.ed i.navhn{background-position:-9rem -3rem}
nav a:hover i.navmy,nav a.ed i.navmy{background-position:-12rem -3rem}
nav a i span,.navdiy a i span{background-color:#FF5722}
.navdiy a i{position:relative;width:3rem;height:3rem;margin:0 auto;display:block;margin-top:.3rem}
.navdiy a font{width:4.8rem;overflow:hidden;margin:0 auto;display:block;color:#999;font-size:1.2rem;height:1.2rem;line-height:1.2rem;margin-top:.2rem}
.navdiy a{width:20%;height:5.4rem;display:block;float:left;position:relative}
.navdiy a img{width:3rem;height:3rem;object-fit:cover;-webkit-object-fit:cover;display:block;margin:.5rem auto .2rem auto;border-radius:.3rem}


/********nav2  bottom********/
.nav2,.navdiy2{width:100%;max-width:750px;height:5.5rem;position:fixed;bottom:0;margin:0 auto;background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:6;-webkit-user-select:none;-moz-user-select:none;}
.nav2 a{width:20%;height:5.4rem;display:block;float:left;position:relative}
.nav2 a i{position:relative;width:3rem;height:2.8rem;margin:0 auto;display:block;margin-top:.6rem;font-size:2.4rem;color:#CBCBCA;}
.nav2 a i span,.navdiy2 i span{display:block;position:absolute;min-width:1.3rem;padding:0 .3rem;height:2rem;line-height:2rem;font-size:1.2rem;border-radius:12rem;right:-1.4rem;top:-.4rem;color:#fff;border:#fff 2px solid;background-color:#FF5722}
.nav2 .shadow,.navdiy2 .shadow{-webkit-transform:scaleY(0.3);transform:scaleY(0.3);height:1px;width:100%;background-color:#d8d8d8;display:block;-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;}
.nav2 a font{width:4.8rem;overflow:hidden;font-size:12px;height:12px;line-height:12px;margin:0 auto;display:block;color:#a6a6b0}
.navdiy2 a i{position:relative;width:30px;height:30px;margin:0 auto;display:block;margin-top:.3rem}
.navdiy2 a font{width:48px;overflow:hidden;margin:0 auto;display:block;color:#999;font-size:12px;height:12px;line-height:12px;margin-top:2px}
.navdiy2 a{width:20%;height:5.4rem;display:block;float:left;position:relative}
.navdiy2 a img{width:30px;height:30px;object-fit:cover;-webkit-object-fit:cover;display:block;margin:5px auto 2px auto;border-radius:3px}
@keyframes navgif{
	0%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}
	10%{-webkit-transform:translateY(0);transform:translateY(0)}
	20%{-webkit-transform:scale(.8);transform:scale(.8);}
	40%{-webkit-transform:scale(.8);transform:scale(.8);}
	70%{-webkit-transform:scale(1.2);transform:scale(1.2)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
.navgif{-webkit-animation-name:navgif;animation-name:navgif;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.bottomblank{height:10rem}
/*tabmenu*/
.tabmenu{width:100%;max-width:750px;height:3.6rem;text-align:center;background-color:#fff;z-index:2}
.tabmenu a{line-height:2rem;height:2rem;font-size:1.6rem;display:block;float:left;position:relative}
.tabmenu a.ed{font-size:2rem;font-weight:bold}
.tabmenu a.ed:after{content:'';display:block;width:1rem;height:.4rem;bottom:-1rem;left:46%;left:-webkit-calc(50% - .5rem);position:absolute;border-radius:.5rem}
.tabmenu2 a{width:50%}
.tabmenu3 a{width:33%}
.tabmenu3 a:nth-child(2){width:34%}
.tabmenu4 a{width:25%}
.tabmenufix{position:fixed}

/*helpDiv*/
.helpIco{font-size:1.8rem;color:#f70;display:inline}
.helpDiv{display:none;font-size:1.4rem;padding:0 2rem 2rem 2rem;color:#666;text-align:left}
.helpDiv li .ico{font-size:1.2rem;color:#ccc;display:inline}
.helpDiv li{border-bottom:#f5f5f5 1px solid;line-height:4rem}
.helpDiv ul{height:18.8rem;padding-top:1rem;overflow:auto}
.helpDiv ul li:last-child{border:0;margin-bottom:2rem}
.helpDiv .sj{margin:0 auto}
.helpDiv .W50_{width:46%;float:left;margin:0 2%;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.helpDiv .vipbtn{width:100%;margin:0 auto;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.helpDiv .vipbtn i{font-size:1.6rem;color:#fff}

.goback{width:7rem;padding-left:1.2rem;box-sizing:border-box;text-align:left;height:4.4rem;line-height:4.4rem;color:#fff;font-size:2rem;position:absolute;left:0;top:0;z-index:1}
.Ugoback{width:4rem;height:4rem;line-height:4rem;position:absolute;left:1.4rem;top:1.2rem;box-sizing:border-box;color:#fff;font-size:2rem;border-radius:3rem;background-color:rgba(0,0,0,.3);z-index:3}

.UgobackFix{width:100%;max-width:750px;position:fixed;top:1rem;z-index:8;display:block;text-align:left}
.UgobackFix i{width:4rem;height:4rem;line-height:4rem;margin-left:1rem;color:#fff;font-size:1.8rem;border-radius:3rem;background-color:rgba(0,0,0,.3);text-align:center}
/*footer*/
.zeai_bottom{margin:0 0 12rem;text-align:center;font-size:1.2rem;height:25rem;padding:2rem 1.5rem 2.5rem 1.5rem;color:#999}
.zeai_bottom i.ico{display:inline-block}
.zeai_bottom img{display:block;margin:.5rem auto;width:10rem}
.zeai_bottom .copyright{margin-top:.8rem;line-height:150%;font-size:1.8rem}
.zeai_bottom .linebox{z-index:0}
.zeai_bottom .m_bottom{margin-top:.8rem;line-height:150%}
.zeai_bottom .m_bottom a{color:#666}
/*backtop*/
#backtop,.btmKefuBtn{position:fixed;bottom:9.5rem;right:1rem;text-align:center;display:none}
#backtop a,.btmKefuBtn{display:block;width:4.4rem;height:4.4rem;line-height:1.6rem;font-size:12px;border-radius:3rem;background-color:#fff;box-shadow:.3rem .3rem .5rem rgba(0,0,0,0.1)/*;border:#fff 1px solid*/;padding-top:.3rem;;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#fff}
#backtop a i{display:block;font-size:2.1rem;line-height:2.1rem;/*;margin-top:6px*/;}
.btmKefuBtn i{font-size:1.8rem;line-height:2rem;height:1.8rem;display:block;margin-top:.1rem;margin-bottom:.2rem;color:#fff}
.btmKefuBtn span{display:inline-block;margin-top:.8rem;line-height:1.4rem}
.btmKefuBtn{bottom:15rem;line-height:1.6rem}

/*piczoom*/
.piczoom{position:fixed;background-color:rgba(0,0,0,.8)}
.piczoom img{position:absolute;width:100%;z-index:1}
.bounce_box{display:none}

/************FORM style************/
/*switch*/
.switch{display:none}
.switch-label{position:relative;height:3rem;line-height:3rem;padding:0 1rem;border:1px solid #ddd;border-radius:2rem;cursor:pointer;background-color:#fff;display:inline-block;text-align:right;-webkit-user-select:none}
.switch-label i{position:absolute;top:.3rem;left:.5rem;width:2.4rem;height:2.4rem;display:inline-block;border-radius:2rem;background-color:#eee;border:#ddd 1px solid;transition:.1s ease-in-out;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.switch-label b{min-width:3rem;font-size:1.4rem;font-weight:normal;text-align:center;}
.switch-label b:nth-child(2){color:#fff;display:none;margin-right:2.3rem}
.switch-label b:nth-child(3){color:#999;display:inline-block;margin-left:2.3rem}
.switch:checked + label.switch-label i{background-color:#fff;left:calc(100% - 2.8rem);border-color:#fff}
.switch:checked + label.switch-label b:nth-child(2){display:inline-block}
.switch:checked + label.switch-label b:nth-child(3){display:none}
.switch:checked + label.switch-label{background-color:#5EB87B;border-color:#5EB87B;text-align:left}
.switch:disabled + label.switch-label{cursor:not-allowed }
/********checkbox skin********/
@keyframes checkskinBefore{0% {height:0}100%{height:.6rem}}
@keyframes checkskinAfter{0%{height:0}50%{height:0}100%{height:1.2rem}}
.checkskin{display:none}
.checkskin-label{text-align:left;-webkit-user-select:none;display:inline-block;white-space:nowrap;}
.checkskin-label i{position:relative;box-sizing:border-box;width:2rem;height:2rem;display:inline-block;border:1px solid #d2d2d2;border-radius:.2rem;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear;vertical-align:middle}
.checkskin-label i:before,.checkskin-label i:after{position:absolute;content:'';box-sizing:border-box;background-color:#fff;width:.2rem;height:0;transform-origin:left top;transition:opacity ease .3}
.checkskin-label i:before{top:.9rem;left:.2rem;transform:rotate(-45deg)}
.checkskin-label i:after{top:1.4rem;left:.7rem;transform:rotate(-135deg)}
.checkskin:checked + label.checkskin-label i:before{height:.6rem;animation:checkskinBefore 0.2s ease 0s forwards}
.checkskin:checked + label.checkskin-label i:after{height:1.2rem;animation:checkskinAfter 0.4s ease 0s forwards}
.checkskin-label b{vertical-align: middle;display:inline-block;font-weight:normal;margin:0 1rem;overflow:hidden}/*font-size:1.4rem*/
.checkskin-label:hover i{border-color:#5FB878}
.checkskin:checked + label.checkskin-label i {background-color:#5FB878;border-color:#5FB878}
.checkskin:disabled + label.checkskin-label{cursor:not-allowed }
.checkskin:disabled + label.checkskin-label b{color:#c2c2c2}
.checkskin:disabled + label.checkskin-label i{border-color:#eee}
/*checkbox skin size1*/
@keyframes checkskinBefore1{0% {height:0}100%{height:5px}}
@keyframes checkskinAfter1{0%{height:0}50%{height:0}100%{height:1rem}}
.checkskin-label i.i1{width:1.6rem;height:1.6rem;border-radius:.2rem;margin-top:-.2rem}
.checkskin-label i.i1:before{top:.7rem;left:.2rem}
.checkskin-label i.i1:after{top:1.1rem;left:.6rem}
.checkskin-label i.i1 + b{margin:0 .5rem;margin-top:-.2rem}/*font-size:12px;*/
.checkskin:checked + label.checkskin-label i.i1:before{height:.5rem;animation:checkskinBefore1 0.2s ease 0s forwards}
.checkskin:checked + label.checkskin-label i.i1:after{height:1rem;animation:checkskinAfter1 0.4s ease 0s forwards}
/*checkbox skin size3*/
@keyframes checkskinBefore3{0%{height:0}100%{height:.9rem}}
@keyframes checkskinAfter3{0%{height:0}50%{height:0}100%{height:1.8rem}}
.checkskin-label i.i3{width:3rem;height:3rem;border-radius:.2rem;margin-top:-.2rem}
.checkskin-label i.i3:before{top:1.4rem;left:.4rem;width:.3rem}
.checkskin-label i.i3:after{top:2.1rem;left:1.1rem;width:.3rem}
.checkskin-label i.i3 + b{margin:0 .5rem;margin-top:-.2rem}
.checkskin:checked + label.checkskin-label i.i3:before{height:.9rem;animation:checkskinBefore3 0.2s ease 0s forwards}
.checkskin:checked + label.checkskin-label i.i3:after{height:1.8rem;animation:checkskinAfter3 0.4s ease 0s forwards}
/*****radio skin*****/
@keyframes radioskin{0%{transform:scale(0.5)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
.radioskin{display:none}
.radioskin-label{text-align:left;-webkit-user-select:none;display:inline-block;white-space:nowrap;}
.radioskin-label i{position:relative;width:2.2rem;height:2.2rem;box-sizing:border-box;display:inline-block;border:1px solid #c2c2c2;border-radius:2rem;background-color:#fff;vertical-align:middle;-webkit-transition:.2s linear;transition:.2s linear}
.radioskin-label i:before{position:absolute;content:'';background-color:#fff;width:1rem;height:1rem;top:.5rem;left:.5rem;border-radius:1rem}
.radioskin-label b{vertical-align:middle;display:inline-block;font-weight:normal;margin:0 1rem;overflow:hidden}/*font-size:1.4rem;*/
.radioskin:checked + label.radioskin-label i{border-color:#5FB878;animation:radioskin .3s ease-in-out both;animation-duration:.3s}
.radioskin:checked + label.radioskin-label i:before{background-color:#5EB87B}
.radioskin:checked + label.radioskin-label b{color:#009688}
.radioskin-label:hover i{border-color:#5EB87B}
.radioskin:disabled + label.radioskin-label{cursor:not-allowed }
.radioskin:disabled + label.radioskin-label b{color:#c2c2c2}
.radioskin:disabled + label.radioskin-label i{border-color:#eee}
/*radio skin size1*/
.radioskin-label i.i1{width:1.6rem;height:1.6rem}
.radioskin-label i.i1:before{width:.8rem;height:.8rem;top:.3rem;left:.3rem}
.radioskin-label i.i1 + b{margin:0 .5rem}/*font-size:12px;*/

/*areabox*/
.areabox{width:94%;position:relative;margin:0 auto;text-align:left;display:none}
.areabox .ul{position:relative;box-sizing:border-box}
.areabox .ul li{width:100%;position:absolute;left:0;top:0;z-index:5;padding:10px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.areabox .ul li a{font-size:1.3rem;display:block;text-align:center;color:#666;float:left;min-width:3.5rem;padding:0 .5rem;height:3.2rem;line-height:3.2rem;margin:.6rem;border:#eee 1px solid;border-radius:.5rem}
.areabox .ul li a:hover,.areabox .ul li a.ed{background-color:#F7564D;color:#fff;border-color:#F7564D}
.areabox .ul dl{margin:0 0 1.5rem;clear:both;overflow:hidden;position:relative}
.areabox .ul dt{float:left;line-height:3rem;font-size:1.4rem;text-align:center;color:#000;padding:0 1rem;margin:0 .8rem;border-bottom:0px;margin-top:1rem}
.areabox .ul dt.ed{background:#fff;border:#eee 1px solid;border-bottom:0px;border-top:#F7564D 1px solid;border-bottom:#fff 1px solid;color:#F7564D;border-radius:.3rem .3rem 0 0}
.areabox .ul dl dd{width:100%;height:2.5rem;border-bottom:#eee 1px solid;position:absolute;bottom:0;left:0;z-index:-1}

.areabox .ul li a{position:relative;color:#666;background-color:#f7f7f7;height:3.6rem;line-height:3.6rem;margin:.5rem;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:0;padding:0 1rem}
.areabox .ul li a:hover:before,.areabox .ul li a.ed:before{position:absolute;font-family:"www_zeai_cn_iconfont" !important;content:"\e64a";width:2rem;height:2rem;line-height:2rem;font-size:2rem;right:0;bottom:0}


/*BBS发布隐藏层*/
.divBtmMod{position:absolute;bottom:0;width:100%;background-color:#fff;font-size:1.8rem;margin:0 auto;padding:0 0 2.8rem 0;clear:both;overflow:auto;font-size:1.4rem;text-align:left}
.divBtmMod em {background-color:#f9f9f9;border-bottom:#f0f0f0 1px solid;line-height:51px;clear:both;overflow:auto}
.divBtmMod em h3{width:65%;padding:0 5%;font-size:1.6rem;float:left}
.divBtmMod em h3 font{font-size:1.2rem;color:#999;font-weight:normal}
.divBtmMod em .divBtmCancel{width:6rem;line-height:3.4rem;background-color:#eee;font-size:1.6rem;border-radius:.4rem;color:#999;border:#e4e4e4 1px solid;float:right;margin:.8rem 2rem 0 0}
.divBtmMod .form{width:90%;padding:0 5%;margin:0 auto}
.divBtmMod .form input[type="text"]{height:4.4rem;width:100%;margin:.5rem 0;display:block;box-sizing:border-box;border:0;font-size:1.4rem}
.divBtmMod .divBtmSave{width:100%;height:4.4rem;line-height:4.4rem;border-radius:.5rem;display:block;box-sizing:border-box;margin-top:1.5rem;background-color:#F7564D;font-size:1.6rem;border:0;color:#fff}
.divBtmMod .form ul{max-height:60vh;clear:both;overflow:auto}
.divBtmMod .form input{-webkit-box-shadow:0 0 0px 100rem white inset !important}
.divBtmMod .form input.rz_mob_input{border-bottom:#eee 1px solid;margin-bottom:.5rem;margin-top:1rem}
.divBtmMod .form input.rz_mob_verify{border-bottom:#eee 1px solid;margin-bottom:2.5rem}
.divBtmMod .form textarea{width:100%;height:20rem;border:0;resize:none;margin-bottom:.5rem;margin-top:1rem}
.divBtmMod .form .verifybox{position:relative}
.divBtmMod .form .verifybox a.yzmbtn{width:10rem;display:block;line-height:2.4rem;height:2.4rem;position:absolute;color:#F7564D;text-align:center;top:.8rem;right:1px;background-color:#fff;border-left:#e1e1e1 1px solid}
.divBtmMod .form .verifybox a.yzmbtn:hover{color:#F7564D;}
.divBtmMod .form .verifybox a.yzmbtn font{color:#F7564D}
.divBtmMod .form .verifybox a.yzmbtn b{color:#F7564D;font-weight:normal;margin-right:.2rem}
.divBtmMod .form .verifybox a.disabled{border:0;padding:0;margin:0;font-size:1.2rem}
.divBtmMod .form ul.RCW{padding:2rem 0 1rem 0;clear:both;overflow:hidden;overflow-y:auto}
.divBtmMod .form ul.RCW li{font-size:1.4rem;width:33.3%;height:3rem;line-height:3rem;margin:.5rem 0;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);float:left}
.divBtmMod .form ul.W50_ li{width:50%;}

/*div_left_so*/
.div_left_so{max-width:50rem;height:100vh;margin:0 auto;padding:1rem 0;background-color:#fff;display:none;overflow:hidden;overflow-y:auto}
.div_left_so a{line-height:4.4rem;border-bottom:#f8f8f8 1px solid;display:block;text-align:left;padding-left:2.5rem;position:relative;font-size:1.4rem}
.div_left_so a:hover{background-color:#f9f9f9}
.div_left_so a.ed .yes{display:block}
.div_left_so a.ed:after{position:absolute;right:2.5rem;font-size:1.8rem;content:"\e60f";;font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block}
.div_left_so a:last-child{border:0}
/*ext*/
.div_left_so{text-align:left;padding:1.5rem 1.5rem 11.5rem 1.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative}
.div_left_so .form_uid{width:100%;margin:1rem auto .5rem auto;position:relative;height:4rem;border-radius:.5rem;padding:0 1.5rem;background-color:#f8f8f8;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.div_left_so .form_uid .input::-webkit-input-placeholder {color:#aaa;font-size:1.4rem}
.div_left_so .form_uid .input{width:100%;height:4rem;line-height:4rem;border:0;background-color:#f8f8f8}
.div_left_so .form_uid i{position:absolute;font-size:1.8rem;right:2rem;color:#999}
.div_left_so .form_uid button{position:absolute;width:1.8rem;height:18px;font-size:1.8rem;right:2rem;top:1rem;color:#999;border:0;display:inline-block;background:none}
.div_left_so .tbox{padding:1.5rem 0;clear:both;overflow:auto;overflow-x:hidden;border-bottom:#f8f8f8 1px solid}
.div_left_so .tbox h5{font-size:1.4rem;position:relative}

.div_left_so .tbox h5:before{position:absolute;font-family:"www_zeai_cn_iconfont" !important;content:"\e60b";color:#aaa;width:1.4rem;height:1.4rem;line-height:1.4rem;font-size:1.2rem;right:0;bottom:.3rem}
.div_left_so .tbox h5.on:before{content:"\e60a";}

/*.div_left_so .tbox h5 font{color:#999;font-weight:normal}*/
.div_left_so ul{padding:1rem 0}
.div_left_so ul.def{width:100%;margin:0 auto}
.div_left_so ul.def li{width:23%;color:#666;position:relative;font-size:1.3rem;display:block;margin:.5rem 1%;text-align:center;line-height:3.3rem;border-radius:.4rem;float:left;background-color:#f7f7f7;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;font-family:Arial, Helvetica, sans-serif}
.div_left_so ul.def li.ed:before{position:absolute;font-family:"www_zeai_cn_iconfont" !important;content:"\e64a";width:1.8rem;height:1.8rem;line-height:1.8rem;font-size:1.8rem;right:0;bottom:0}
.div_left_so ul.col3 li{width:31%}
.div_left_so ul.col2 li{width:48%}
.div_left_so .savebox{width:90%;position:fixed;height:5rem;bottom:0;left:0;padding:0 5%;box-shadow:0 0 1.5rem #eee;background-color:#fff;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.div_left_so .savebox button{width:40%;max-width:16rem;margin:0 5%;margin-top:.6rem;border-radius:3rem;font-size:1.5rem}
.div_left_so .savebox button.reset{background-color:#f6f6f6;color:#999}
/*地区*/
.div_left_so .listbox dl{width:100%;height:5rem;border-bottom:#f8f8f8 1px solid}
.div_left_so .listbox dl dt,.listbox dl dd{font-size:1.4rem;line-height:5rem;height:5rem}
.div_left_so .listbox dl dt{width:32%;float:left;text-align:left}
.div_left_so .listbox dl dd{width:68%;float:right;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.div_left_so .listbox dl dd:after{content:'\e601';position:absolute;top:0;right:0;font-family:"www_zeai_cn_iconfont" !important;color:#aaa;font-size:1.2rem}
.div_left_so .listbox dl dd span{color:#999;padding-right:2rem}
.div_left_so .listbox dl dd span.ed{color:#333}
.div_left_so_areabox .ul li a{position:relative;color:#666;background-color:#f7f7f7;height:3.6rem;line-height:3.6rem;margin:.5rem .5rem;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:0;padding:0 1rem}
.div_left_so_areabox .ul li a:hover:before,.div_left_so_areabox .ul li a.ed:before{position:absolute;font-family:"www_zeai_cn_iconfont" !important;content:"\e64a";width:2rem;height:2rem;line-height:2rem;font-size:2rem;right:0;bottom:0}

/*index_top*/
.top,.top2,.top3{/*border:1px solid transparent;*/width:100%;max-width:750px;height:5rem;line-height:5rem;overflow:hidden;position:fixed;top:0;z-index:2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.top{padding:0 .5rem}
.top2{padding:0 1.5rem}
.top3{padding:0 1.1rem}
.top a,.top h1,.top2 a,.top3 a{height:5rem;line-height:5rem;display:inline-block;font-size:1.8rem;color:#fff;margin-right:2rem;vertical-align:middle}
.top2 a,.top3 a{margin-right:3rem;line-height:4.8rem}
.top h1{margin-right:0;font-size:1.8rem;}
.top a:last-child,.top2 a:last-child,.top3 a:last-child{margin-right:0}
.top a.ed,.top2 a.ed,.top3 a.ed{font-size:2.2rem;font-weight:bold}


.top em{height:5rem;position:absolute;left:1rem;top:0}
.top em img.logo{height:4rem;max-width:8rem;margin-top:.5rem}
.top em:after{display:none;content:'\e60b';position:absolute;right:-15px;bottom:0;font-size:12px;font-weight:normal;transition:transform .5s;font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block;color:#fff}
.top em.ed:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}

.top3{text-align:left}
.top2 a i{font-size:2.3rem;line-height:2.3rem}
.top2 a.ed i{font-size:2.8rem;line-height:2.8rem}
.top3 a i{font-size:2rem;line-height:2rem}
.top3 a{font-size:1.6rem}
.article_C{width:100%}
/*TRnav_btn*/
.TRnav_btn{width:8rem;text-align:right;position:fixed;top:0;right:0;z-index:998;height:5rem;line-height:5rem}
.TRnav_btn i{line-height:3rem;width:3rem;height:3rem;font-size:2.2rem;display:inline-block;margin-right:1.5rem;margin-top:1rem;color:#fff}
.TRnav{width:100%;position:relative;background-color:#fff;padding:5rem 1rem 2rem 1rem;z-index:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:none;clear:both;overflow:auto;border-radius:0 0 1.2rem 1.2rem}
.TRnav .trline{height:1px;background-color:#f6f6f6;width:100%;margin-bottom:1rem}
.TRnav h4{font-size:1.6rem;position:absolute;left:1.5rem;top:1.3rem}
.TRnav .TRnav_btn2{position:absolute;right:0;top:0;padding-top:1.6rem}
.TRnav .TRnav_btn2 font{font-size:1.6rem;height:2.2rem;line-height:2rem;display:inline-block;vertical-align:middle;margin-right:.8rem}
.TRnav .TRnav_btn2 i{color:#FF6F6F;line-height:2.2rem;width:2.2rem;height:2.2rem;font-size:2.2rem;display:inline-block;margin-right:1.5rem;vertical-align:middle}
.TRnav a{width:25%;display:inline-block;text-align:center;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:12px 0}
.TRnav a i{width:4rem;height:4rem;margin:0 auto;font-size:1.8rem;line-height:4rem;border-radius:2rem;display:block;color:#fff;position:relative;
}
.TRnav a i b{position: absolute;top:-.5rem;right:-.5rem;min-width:0.8em;height:0.8em;padding:.3rem;text-align: center;line-height:0.8em;font-size: 11px;background: rgba(251,92,92,0.8);font-style: normal;color:#fff !important;border-radius:1.2em;}
.TRnav a i img{width:4rem;height:4rem;object-fit:cover;-webkit-object-fit:cover;border-radius:2rem;display:block}
.TRnav a span{width:6rem;height:1.6rem;display:block;margin:.3rem auto 0 auto}
.TRnav a i._index{background-color:#8addb9;background-image:-webkit-linear-gradient(135deg,#FF6F6F,#ffa2a2)}
.TRnav a i._huxuan{background-color:#8addb9;background-image:-webkit-linear-gradient(135deg,#43c38b,#8addb9)}
.TRnav a i._trend{background-color:#FD6EBA;background-image:-webkit-linear-gradient(135deg,#FD6EBA,#ffabd8)}
.TRnav a i._tg{background-color:#0DD068;background-image:-webkit-linear-gradient(135deg,#0DD068,#77e5aa)}
.TRnav a i._dating{background-color:#EA4C89;background-image:-webkit-linear-gradient(135deg,#EA4C89,#ff8eba)}
.TRnav a i._video{background-color:#6DADFF;background-image:-webkit-linear-gradient(135deg,#6DADFF,#b0ccef)}
.TRnav a i._shop{background-color:#FF9966;background-image:-webkit-linear-gradient(135deg,#FF9966,#ffd09d)}
.TRnav a i._hb{background-color:#FF604A;background-image:-webkit-linear-gradient(135deg,#ff794a,#ffb196)}
.TRnav a i._hn{background-color:#fd5941;background-image:-webkit-linear-gradient(135deg,#fd5941,#ff9586)}
.TRnav a i._myhn{background-color:#db7798;background-image:-webkit-linear-gradient(135deg,#db7798,#f29db9)}
.TRnav a i._party{background-color:#FEB118;background-image:-webkit-linear-gradient(135deg,#FEB118,#ffca60)}
.TRnav a i._article{background-color:#00D8D9;background-image:-webkit-linear-gradient(135deg,#0ebfc0,#9eebeb)}
.TRnav a i._qun{background-color:#D88CFF;background-image:-webkit-linear-gradient(135deg,#D88CFF,#ecc6ff);font-size:2.2rem}
.TRnav a i._msg{background-color:#4ebdf1;background-image:-webkit-linear-gradient(135deg,#4ebdf1,#8fdbff)}
.TRnav a i._vip{background-color:#D86EA3;background-image:-webkit-linear-gradient(135deg,#B28850,#d9b686)}
/*topnav*/
.topnav{width:100%;max-width:750px;height:5rem;padding:1.5rem;position:fixed;top:0;background-color:#fff;z-index:2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.topnav a{display:inline-block;font-size:1.6rem;text-align:center;float:left;margin-right:2rem;height:2rem;line-height:2rem;position:relative}
.topnav a.ed{font-size:2.4rem;line-height:2rem;font-weight:bold}
.topnav a.ed:after{content:'';position:absolute;0;bottom:-1.3rem;left:-webkit-calc(50% - .4rem);height:0.6rem;width:.8rem;border-radius:0.6rem;display:block;margin:.8rem auto 0 auto}
.topnav font{font-size:1.5rem;float:right;display:inline-block;margin-right:0}
.topnav a.back .ico{font-size:2rem;margin-right:1rem}
.topnav a b{display:inline-block;width:8px;height:8px;border-radius:8px;right:-9px;top:-4px;position:absolute;background-color:#FF5722;border:#fff 1px solid;color:#FF5722}

.topnav1{background-size:100%}
.topnav1 a,.topnav1 font{color:#fff}
.topnav1 a.ed:after{background-color:#fff}
/*topnav_more*/
.topnav_more{width:100%;max-width:750px;height:5rem;background-color:rgba(255,255,255,.96);position:fixed;top:0;left:0;right:0;margin:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:1}
.topnav_more ul{-ms-overflow-style:none;overflow:-moz-scrollbars-none;display:-webkit-box;overflow-x:scroll;-webkit-overflow-scrolling:touch;padding:1.5rem}
.topnav_more ul::-webkit-scrollbar{background-color:transparent;display:none;}
.topnav_more ul a{display:inline-block;font-size:1.5rem;text-align:center;float:left;margin-right:1.8rem;height:2rem;line-height:2rem;position:relative}
.topnav_more ul a.ed{font-size:2.2rem;line-height:2rem;font-weight:bold}
.topnav_more ul a.ed:after{content:'';position:absolute;0;bottom:-1rem;left:-webkit-calc(50% - .5rem);height:0.4rem;width:1rem;border-radius:0.4rem;display:block;margin:.8rem auto 0 auto}
.topnav_more1 {background-size:100%}
.topnav_more1 a{color:#fff}

/*hdnavbox*/
.hdnavbox{width:100%;height:5rem;line-height:5rem;position:fixed;top:0;left:0;right:0;margin:auto;max-width:750px;z-index:2;background-color:#f5f5f5}
.hdnav{width:-webkit-calc(100% - 6rem);padding-left:.5rem}
.hdnav ul{-ms-overflow-style:none;overflow:-moz-scrollbars-none;display:-webkit-box;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.hdnav ul::-webkit-scrollbar{background-color:transparent;display:none;}
.hdnav ul a{padding:0 1rem;line-height:5rem;display:block;overflow:hidden;font-size:1.6rem}
.hdnav ul a.ed{font-size:2.4rem;font-weight:bold}
.hdnav ul a:after{content:'';display:block;width:.8rem;height:.6rem;border-radius:.4rem;margin:-.8rem auto 0 auto}
.hdnavbox .more{position:absolute;top:0;right:1.5rem;font-size:2.2rem;width:5rem;line-height:4.8rem;text-align:right}

/************zeai win************/
/*mask*/
.mask,.mask0,.mask1,.div_left_mask,.mask_TRnav{width:100%;max-width:750px;height:100%;position:fixed;top:0;z-index:998;background-color:rgba(0,0,0,.3)}
.mask0{background-color:rgba(255,255,255,0)}
.mask1{background-color:rgba(0,0,0,0.75)}
.mask_TRnav{background-color:rgba(0,0,0,0.45)}

/*bottom2*/
.enter_mask{width:100%;max-width:750px;height:100%;position:fixed;top:0;z-index:998;background-color:#fff}
.enter_box{width:100%;height:100vh;position:fixed;max-width:750px;z-index:1;display:none;clear:both;overflow:auto;bottom:6rem;}
.enter_box .navlogo{margin-top:20vh;text-align:center}
.enter_box .navlogo img{width:6rem;display:block;margin:0 auto}
.enter_box .navlogo h2{font-size:2.4rem;color:#ccc;font-weight:normal}
.enter_box .navlist{position:fixed;bottom:6rem;max-width:750px;padding:0 2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.enter_box a{width:25%;display:inline-block;text-align:center;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:1.5rem 0}
.enter_box a i{width:4rem;height:4rem;margin:0 auto;font-size:1.8rem;line-height:4rem;border-radius:2rem;display:block;color:#fff;position:relative}
.enter_box a i b{position: absolute;top: -5px;right: -5px;min-width:0.8em;height:0.8em;padding:3px;text-align: center;line-height: 0.8em;font-size:11px;background: rgba(251,92,92,0.8);font-style: normal;color:#fff !important;border-radius:1.2em;}
.enter_box a span{width:6rem;height:1.2rem;font-size:1.4rem;display:block;margin:1rem auto 0 auto}
.enter_box a i._index{background-color:#8addb9;background-image:-webkit-linear-gradient(135deg,#FF6F6F,#ffa2a2)}
.enter_box a i._manghe{background-color:#ff7676;background-image:-webkit-linear-gradient(135deg,#ff7676,#ffbeb0)}
.enter_box a i._huxuan{background-color:#8addb9;background-image:-webkit-linear-gradient(135deg,#43c38b,#8addb9)}
.enter_box a i._trend{background-color:#FD6EBA;background-image:-webkit-linear-gradient(135deg,#FD6EBA,#ffabd8)}
.enter_box a i._tg{background-color:#0DD068;background-image:-webkit-linear-gradient(135deg,#0DD068,#77e5aa)}
.enter_box a i._dating{background-color:#EA4C89;background-image:-webkit-linear-gradient(135deg,#EA4C89,#ff8eba)}
.enter_box a i._video{background-color:#6DADFF;background-image:-webkit-linear-gradient(135deg,#6DADFF,#b0ccef)}
.enter_box a i._shop{background-color:#FF9966;background-image:-webkit-linear-gradient(135deg,#FF9966,#ffd09d)}
.enter_box a i._hb{background-color:#FF604A;background-image:-webkit-linear-gradient(135deg,#ff794a,#ffb196)}
.enter_box a i._hn{background-color:#fd5941;background-image:-webkit-linear-gradient(135deg,#fd5941,#ff9586)}
.enter_box a i._myhn{background-color:#db7798;background-image:-webkit-linear-gradient(135deg,#db7798,#f29db9)}
.enter_box a i._party{background-color:#FEB118;background-image:-webkit-linear-gradient(135deg,#FEB118,#ffca60)}
.enter_box a i._article{background-color:#00D8D9;background-image:-webkit-linear-gradient(135deg,#0ebfc0,#9eebeb)}
.enter_box a i._qun{background-color:#D88CFF;background-image:-webkit-linear-gradient(135deg,#D88CFF,#ecc6ff);font-size:22px}
.enter_box a i._msg{background-color:#4ebdf1;background-image:-webkit-linear-gradient(135deg,#4ebdf1,#8fdbff)}
.enter_box a i._vip{background-color:#D86EA3;background-image:-webkit-linear-gradient(135deg,#B28850,#d9b686)}
.enter_box a i._set{background-color:#E862F5;background-image:-webkit-linear-gradient(135deg,#978eea,#c1b8fb)}
.enter_box #enter_close {width:4.8rem;height:4rem;line-height:4rem;font-size:1.4rem;position:fixed;bottom:.8rem;left:-webkit-calc(50% - 2.4rem);background-image:-webkit-linear-gradient(-90deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.6) 100%);border-radius:2rem;color:#fff;box-shadow: 0 0 1.5rem rgb(0 0 0 / 12%);}

/*animation*/
.tips0_100_0{position:fixed;width:130px;height:110px;left:-webkit-calc(50vw - 65px);top:-webkit-calc(50vh - 55px);filter:alpha(opacity=0);-moz-opacity:0;opacity:0;display:none;background-color:#000;overflow:hidden;color:#fff;border-radius:15px;font-size:1.4rem;text-align:center;box-sizing:border-box;padding-top:10px}
.tips0_100_0 i{width:60px;height:60px;line-height:60px;font-size:55px;margin:0 auto 5px auto;display:block}

@keyframes divTopDown {0% {-webkit-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px)}100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}
.divTopDown {-webkit-animation-name:divTopDown;animation-name:divTopDown;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes divTopUp {0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}100% {-webkit-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px)}}
.divTopUp {-webkit-animation-name:divTopUp;animation-name:divTopUp;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes alpha0_100{0%{opacity:0;}100% {opacity:1;}}
.alpha0_100 {animation:alpha0_100;animation-duration:.3s;-webkit-animation:alpha0_100 .3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes alpha0_100_1s{0%{opacity:0;}100% {opacity:1;}}
.alpha0_100_1s {animation:alpha0_100_1s;animation-duration:1s;-webkit-animation:alpha0_100_1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes alpha100_0{0%{}100%{opacity:0}}
.alpha100_0 {animation:alpha100_0 .3s ease-out;-webkit-animation:alpha100_0 .3s ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes small_big{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.small_big{-webkit-animation-name:small_big;animation-name:small_big;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes big_small{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}}
.big_small{-webkit-animation-name:big_small;animation-name:big_small;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes big_normal{0%{-webkit-transform:scale(2.5);transform:scale(2.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
.big_normal{animation:big_normal .4s ease-out}

@keyframes fadeInDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(88px);-ms-transform:translateY(88px);transform:translateY(88px)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes fadeInUp {0% {-webkit-transform: translateY(88px);-ms-transform: translateY(88px);transform: translateY(88px)}100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes fadeInL {0% {-webkit-transform: translateX(99px);-ms-transform: translateX(99px);transform: translateX(99px)}100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}
.fadeInL {-webkit-animation-name:fadeInL;animation-name:fadeInL;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes fadeInR {0% {-webkit-transform: translateX(-99px);-ms-transform: translateX(-99px);transform: translateX(-99px)}100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}}
.fadeInR {-webkit-animation-name:fadeInR;animation-name:fadeInR;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes agreefly{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	25%{-webkit-transform:translate(-10px,-30px);transform:translate(-10px,-30px)}
	100%{opacity:0;-webkit-transform:translateY(-70px);transform:translateY(-70px)}}
.agreefly{-webkit-animation-name:fadeInDown;animation-name:agreefly;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes shake{0% {transform:rotate(1deg);}50% {transform:rotate(0deg);}100% {transform:rotate(-1deg);}}
.shake{animation:shake .1s linear infinite;animation-duration:.1s}

@keyframes breath{0% {}50% {transform:scale(.9);}100% {}}
.breath{animation:breath 1s linear infinite;animation-duration:1s}

@keyframes alpha0_100_0{
	0% {opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
	30% {opacity: 0.75;-webkit-transform:translateY(0);transform:translateY(0)}
	70% {opacity: 0.75;-webkit-transform:translateY(0);transform:translateY(0)}
	100% {opacity: 0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}  
.alpha0_100_0 {animation:alpha0_100_0;animation-duration:2s;-webkit-animation:alpha0_100_0 2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes shakeLR {
	0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
	50% {-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px)}
	100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
}
.shakeLR {animation:shakeLR .1s linear}.shakeLR_loop {animation:shakeLR .1s linear infinite;}

@keyframes bounceFn{
	0%, 20%, 40%, 60%, 80%, 100% {-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);}
	0% {opacity:0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}
	20% {-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);}
	40% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9);}
	60% {opacity: 1;-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03);}
	80% {-webkit-transform: scale3d(.97,.97,.97);transform: scale3d(.97,.97,.97);}
	100% {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}		
}
.bounce{-webkit-animation-name:bounceFn;animation-name:bounceFn;animation-duration:.75s;animation-fill-mode:both;animation-timing-function: ease;-webkit-animation-duration: .75s;-webkit-animation-fill-mode: both;-webkit-animation-timing-function: ease;}
@-webkit-keyframes loop_s_b_s{0%{transform:scale(0.96)}25%{transform:scale(0.98)}50%{transform:scale(1)}75%{transform:scale(0.98)}100%{transform:scale(0.96)}}  
.loop_s_b_s {-webkit-animation:loop_s_b_s 1s infinite;}


/*Zeai_cn_div_up_box*/
.div_up_box{width:100%;clear:both;overflow:auto;position:fixed;border-radius:1.2rem 1.2rem 0 0;z-index:3;max-width:750px;bottom:0;background-color:#fff}
.div_up_close{position:absolute;right:0;z-index:6;top:0rem;width:5rem;height:5rem;line-height:5rem;text-align:center}
.div_up_close i.ico{font-size:1.4rem;color:#999}
@keyframes div_upAnm1 {0% {-webkit-transform:translateY(40rem);transform: translateY(40rem)}100% {-webkit-transform: translateY(0);transform: translateY(0)}}
.div_upAnm1 {-webkit-animation-name:div_upAnm1;animation-name:div_upAnm1;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes div_upAnm2 {0% {-webkit-transform: translateY(0);transform: translateY(0)}100% {-webkit-transform: translateY(40rem);transform: translateY(40rem)}}
.div_upAnm2 {-webkit-animation-name:div_upAnm2;animation-name:div_upAnm2;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

/*Zeai_cn_div_left_box*/
.div_left_mask{z-index:8;}
.div_left_box{width:100%;height:100%;overflow:auto;/*position:fixed;z-index:3;*/z-index:9;position:fixed;max-width:750px;top:0;bottom:0;background-color:#fff}
@keyframes div_leftAnm1 {0% {-webkit-transform: translateX(30rem);transform: translateX(30rem)}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
.div_leftAnm1 {-webkit-animation-name:div_leftAnm1;animation-name:div_leftAnm1;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes div_leftAnm2 {0% {-webkit-transform: translateX(0);transform: translateX(0)}100% {-webkit-transform: translateX(30rem);transform: translateX(30rem)}}
.div_leftAnm2 {-webkit-animation-name:div_leftAnm2;animation-name:div_leftAnm2;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


/*******Zeai loading********/
.loading{margin:70% auto 0 auto;width:15rem;text-align:center}
.loading > div{width:3rem;height:3rem;background-color:#999;border-radius:100%;display:inline-block;-webkit-animation:loaddelay 1.4s infinite ease-in-out;animation:loaddelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.loading .l1 {-webkit-animation-delay:0.64s;animation-delay:0.64s}
.loading .l2 {-webkit-animation-delay:0.80s;animation-delay:0.80s}
.loading .l3 {-webkit-animation-delay:0.96s;animation-delay:0.96s}
@-webkit-keyframes loaddelay {0%,80%,100% {-webkit-transform:scale(0.0) }40% { -webkit-transform:scale(1.0)}}
@keyframes loaddelay {0%,80%,100% {transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}

/*confirmUp*/
.confirmUp {width:96%;max-width:700px;height:16rem;clear:both;overflow:auto;position:fixed;z-index:999;bottom:2rem;left:0;right:0;margin:auto}
.confirmUp  div{width:100%;background-color:#fff}
.confirmUp  div:nth-child(1){font-size:1.4rem;line-height:4rem;height:4rem;color:#666;border-bottom:#eee 1px solid;text-align:center;border-radius:1rem 1rem 0 0}
.confirmUp  div:nth-child(2){font-size:1.8rem;line-height:5rem;color:#E81123;border-radius:0 0 1rem 1rem}
.confirmUp  div:nth-child(3){font-size:1.8rem;line-height:5rem;color:#333;border-radius:1rem;margin-top:1.5rem}
@keyframes confirmUpAnm1 {0% {-webkit-transform: translateY(16rem);transform: translateY(16rem)}100% {-webkit-transform: translateY(0);transform: translateY(0)}}
.confirmUpAnm1 {-webkit-animation-name:confirmUpAnm1;animation-name:confirmUpAnm1;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes confirmUpAnm2 {0% {-webkit-transform: translateY(0);transform: translateY(0)}100% {-webkit-transform: translateY(160px);transform: translateY(160px)}}
.confirmUpAnm2 {-webkit-animation-name:confirmUpAnm2;animation-name:confirmUpAnm2;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
